import React from 'react';
import { Alert, Button, Text, View } from 'react-native';

// 基础插槽：使用children
interface CardProps {
  title: string;
  children: React.ReactNode; // 定义children插槽
}

// 父组件
export default function App() {
  return (
    <View>
      <Text>基础插槽示例</Text>
      {/* 基础插槽用法 */}
      <Card title="卡片标题">
        <Text>这是卡片内容</Text>
        <Button title="卡片按钮" onPress={() => console.log('按钮点击')} />
        <Button title="卡片按钮2" onPress={() => Alert.alert('点击按钮')} />
      </Card>
    </View>
  );
}
// 基础插槽组件
const Card = ({ title, children }: CardProps) => {
  return (
    <View>
      <Text>{title}</Text>
      <Text>{title}</Text>
      <Text>{title}</Text>
      <View>{children}</View>
      <View>{children}</View>
    </View>
  );
};
